<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Progress Bar Component</title>
</head>
<body>
<!-- Exercise instructions: This exercise will introduce shadow DOM CSS

     1. Override the color of the progress bar.  Try #3787FF, #FFCA6A, #9B6EFF or another color.
        Use ::shadow.
     2. Refactor above style to use /deep/ combinator.
     3. Override the color of the label.  Notice that it is in a shadow root within a shadow root.
        Use ::shadow, not /deep/.
     4. Increase width of progress bar from 45%.  Notice the CSS specificity required.
 -->
<style>
    /* Add styles here */
</style>

<div id="progress-bar"></div>
<script src="script.js"></script>
</body>
</html>